<template>
  <swiper indicator-dots="true" autoplay="true" indicator-active-color="#D4091D">
    <block v-for="(item,index) in images" :key="index">
      <swiper-item>
        <image class="swiperimage" :src="item.thumb" model="aspectFit"/>
        <!--<span>{{index}}</span>-->
      </swiper-item>
    </block>

  </swiper>
</template>
<script>
  export default {
    data(){
      return{
      }
    },
    props: {
      images: {
       type: Object,
       default: [
         {thumb:'../../static/swiper1.png'},
         {thumb:'../../static/swiper1.jpg'},
         {thumb:'../../static/swiper1.png'},
         {thumb:'../../static/swiper1.jpg'}
       ]
      }
    },
    created() {
    }
  }
</script>
<style scoped>

  swiper,swiper-item{
    width: 750rpx;
    height: 355rpx;
  }
  .swiperimage{
    width: 750rpx;
    height: 355rpx;
  }


</style>
